<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0, width=device-width"/>
	<meta content="telephone=no" name="format-detection" /> 
	<title>机器猫</title>
<script>
    (function () {
        function o() {
       		//alert(document.documentElement.clientWidth);
            document.documentElement.style.fontSize = (document.documentElement.clientWidth > 767 ? 768 : document.documentElement.clientWidth) / 7.5 + "px"
       	
        }

        var e = null;
        window.addEventListener("resize", function () {
            clearTimeout(e), e = setTimeout(o, 300)
        }, !1), o()
    })(window);

	</script>
	<style>
	body {
    max-width: 7.5rem;
    margin: 0 auto;
    background-color: #f2f2f2;
    color: #939393;
    -webkit-tap-highlight-color: transparent;
}

body {
    font: 1rem/1.3 Microsoft YaHei,Helvetica,sans-serif;
    background: #f2f2f2;
    overflow-x: hidden;
}
.festival-inreturn .inreturn-header {
    width: 100%;
    height: 4.24rem;
    background-image: url(http://wap.jqmao.cn/staticsmwap/templates/yungou/images/mobile/active/inreturn01.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.festival-inreturn .swiper-wrapper .swiper-slide .name, .festival-inreturn .swiper-wrapper .swiper-slide .time {
    width: 1.1rem;
    white-space:nowrap; overflow:hidden; text-overflow:clip;
}
dd, div, dt, h1, h2, h3, h4, h5, h6, li, p {
    max-height: 100%;
}
.festival-inreturn .inreturn-jump .link {
    display: block;
    width: 6.9rem;
    height: 1.3rem;
    margin-bottom: .2rem;
    margin-left: .26rem;
}
a, button, div, em, input, p {
    font-size: .24rem;
    color: #333;
}
blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
.festival-inreturn .inreturn-jump {
    width: 100%;
    height: 8.05rem;
    background-image: url(http://wap.jqmao.cn/staticsmwap/templates/yungou/images/mobile/active/inreturn02.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.festival-inreturn .inreturn-content {
    margin-top: -2px;
    width: 100%;
    height: 4.74rem;
    background-image: url(http://wap.jqmao.cn/staticsmwap/templates/yungou/images/mobile/active/inreturn03.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
}

.festival-inreturn .inreturn-content .container {
    position: absolute;
    top: 0;
    width: 6.2rem;
    padding-top: 1.5rem;
    padding-left: .7rem;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.festival-inreturn .swiper-wrapper {
    position: relative;
    height: 3rem;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}

.festival-inreturn .swiper-wrapper .swiper-slide {
    color: #000;
    line-height: .5rem;
    height: .5rem;
}
.festival-inreturn .swiper-wrapper .swiper-slide .name, .festival-inreturn .swiper-wrapper .swiper-slide .time {
    width: 1.1rem;
}

.festival-inreturn .swiper-wrapper .swiper-slide .money {
    width: 1.2rem;
}

.festival-inreturn .swiper-wrapper .swiper-slide .cell {
    display: inline-block;
    margin: 0 .2rem;
    overflow: hidden;
    text-align: center;
}
li{list-style-type:none}
.festival-inreturn .swiper-wrapper .swiper-slide .back {
    width: 1.1rem;
}

.festival-inreturn .swiper-wrapper .swiper-slide .cell {
    display: inline-block;
    margin: 0 .2rem;
    overflow: hidden;
    text-align: center;
}
.festival-inreturn .inreturn-footer {
    margin-top: -2px;
    width: 100%;
    padding-top: 102%;
    background-image: url(http://wap.jqmao.cn/staticsmwap/templates/yungou/images/mobile/active/inreturn04.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
	</style>
	
<body >
<script id="message-template" type="text/x-dot-template">
				{{ for(var i=0; i< it.length; i++) { }}

				<li><div class="cell name">{{=it[i].userName}}</div><div class="cell time">{{=it[i].time}}</div><div class="cell money" >{{=it[i].money}}</div><div class="cell back">{{=it[i].back_money}}</div></li>
				{{ } }}
			</script>
<section id="root"><div class="content" data-reactid=".0">
<div class="animatedViews" data-reactid=".0.0">
<div class="festival-inreturn" data-reactid=".0.0.0">
<div class="inreturn-header" data-reactid=".0.0.0.0">
</div><div class="inreturn-jump" data-reactid=".0.0.0.1">
<a class="link" onclick='_rechange(100)' href="javascript:;" data-reactid=".0.0.0.1.0"></a>
<a class="link" onclick='_rechange(200)' href="javascript:;" data-reactid=".0.0.0.1.1"></a>
<a class="link" onclick='_rechange(500)' href="javascript:;" data-reactid=".0.0.0.1.2"></a>
<a class="link" onclick='_rechange(1000)' href="javascript:;" data-reactid=".0.0.0.1.3"></a>
<a class="link" onclick='_rechange(2000)' href="javascript:;" data-reactid=".0.0.0.1.4"></a>
</div>
<div class="inreturn-content" data-reactid=".0.0.0.2">
<div class="container" data-reactid=".0.0.0.2.0">
<div class="swiper-container swiper-container-vertical" data-reactid=".0.0.0.2.0.0" data-swiper="[object Object]">
<div class="swiper-wrapper" data-reactid=".0.0.0.2.0.0.0" style="transform: translate3d(0px, 0px, 0px); transition-duration: 1ms; ">
<div id='ging-ul' class="swiper-slide swiper-slide-duplicate" data-reactid=".0.0.0.2.0.0.0.$0" data-swiper-slide-index="0" style="height: .5rem;">
</div>
</div></div></div>
</div>
<div class="inreturn-footer" data-reactid=".0.0.0.3">
</div>
</div>
</div>
</div></section>
<div id="qq-sendUrl-btn"></div>
<script type="text/javascript" src="../script/zepto.min.js"></script>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/doT.min.js"></script>
	<script type="text/javascript" src="../script/common.js"></script>
<script>
	var uid = null;
	apiready = function(){
			headerstatus();
			uid = $api.getStorage('user').uid;
			getReturnInfo()
			 var ul = $("#ging-ul");
		   	 var intervalLength = 0;
		     var goInterval = function () {
		        var li = $("#ging-ul li").last();  //ĩβ
		        var marginTop = 40;
		        ul.prepend(li).css("marginTop", "-" + marginTop + "px");
		        ul.animate({marginTop: "0px"}, 200);
		    }
		
		    var interval = setInterval(goInterval, 5000);
		}
		
		function _rechange(m){
			if(!uid){
				toast("您还没登录")
			}else{
				openWin("rechange",parseInt(m))
			}
			
		}
		function getReturnInfo(){
        api.ajax({
        url: 'http://wap.jqmao.cn/mobile/active/getInreturnList',
        method: 'get',
        dataType: 'json'
    }, function (ret, err) {
        if (ret) {    
            var content = $api.byId('ging-ul');
            var tpl = $api.byId('message-template').text;
            var tempFn = doT.template(tpl);
            $api.html(content,tempFn(ret))
        } else {
            //alert(JSON.stringify(err))
        }
    });
  }
  
	</script>
</body></html>